<template>
    <nut-tabs v-model="value" align="left" auto-height>
        <nut-tab-pane title="菜单" pane-key="1">
        </nut-tab-pane>
        <nut-tab-pane title="发布者 - 主页" pane-key="2">
            <!-- <publisher-home></publisher-home> -->
            <publisher></publisher>
        </nut-tab-pane>
        <nut-tab-pane title="游戏管理" pane-key="3">
            <game-manager></game-manager>
        </nut-tab-pane>
        <nut-tab-pane title="公告管理" pane-key="4">
            <notice-manager></notice-manager>
        </nut-tab-pane>
    </nut-tabs>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import publisher from './components/publisher.vue'
import publisherHome from './components/publisherHome.vue'
import gameManager from './components/gameMnag/gameMnag.vue'
import noticeManager from './components/noticeMang/noticeMang.vue'
import { usePublisherStore } from '@/store/publisher'
const value = ref('2')
const publisherStore = usePublisherStore()

publisherStore.getGameList()
</script>

<style scoped lang="scss">
.nut-tab-pane {
    padding: 0;
    background-color: #1c1c1c;
    color: #fff;
    height: 100%;
}
</style>
